<!doctype html>
<html lang="">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta name="format-detection" content="telephone=no" />
    <title>黑色星期五</title>
    <link rel="dns-prefetch" href="//static.matouapp.ymatou.com">
    <link rel="dns-prefetch" href="//static.jyh.ymatou.com">
    <link rel="dns-prefetch" href="//jyh.ymatou.com">
    <link rel="dns-prefetch" href="//item.app.ymatou.com">
    <link rel="dns-prefetch" href="//staticwap.ymatou.com">
    <link rel="shortcut icon" type="image/x-icon" href="http://staticontent.ymatou.com/ymtapp/matouapp.ico" />
    <script data-js-path="redraw.js">
     !(function(relWinth,relFontSize){var ua=navigator.userAgent,isIos=/iphone|ipad|ipod/i.test(ua),isMobile=/Mobile/i.test(ua);var meta=document.querySelector("[name=viewport]")||(function(){var _meta=document.createElement("meta");_meta.name="viewport"})(),content=meta.content||"",matchScale=content.match(/initial\-scale=([\d\.]+)/),matchWidth=content.match(/width=([\d\.]+)/),dpr=isIos?window.devicePixelRatio?Math.min(window.devicePixelRatio,3):1:1,docEl=document.documentElement,maxWidth=dpr*(docEl.dataset.mw||750),scale=1/dpr,tid;relWinth=relWinth||320;relFontSize=relFontSize||16;if(meta){if(matchScale){content=content.replace(/initial\-scale=([\d\.]+)/,"initial-scale="+scale).replace(/minimum\-scale=([\d\.]+)/,"minimum-scale="+scale).replace(/maximum\-scale=([\d\.]+)/,"maximum-scale="+scale)}else{content+=",initial-scale="+scale}meta.content=content}else{meta=doc.createElement("meta");meta.name="viewport";meta.content=content;docEl.firstElementChild.appendChild(meta)}var redraw=function(){var width=docEl.getBoundingClientRect().width;var fz=Math.min(width,maxWidth)/relWinth*relFontSize;docEl.style.fontSize=fz+"px"};if(isMobile){window.addEventListener("resize",function(){clearTimeout(tid);tid=setTimeout(redraw,300)},false);redraw()}else{docEl.style.fontSize="16px"}})(375,16);
    </script>
    <!-- build:css /styles/black_five/index.css-->
    <link rel="stylesheet" type="text/css" href="/styles/black_five/index.css">
    <!-- endbuild-->
  </head>
  <body>
  <!--明星卖家-->
  <script id="star-seller-tpl" type="text/template">
     <div class="bf-seller">
         <div class="bf-seller-hd bg__full"></div>
         <div class="bf-seller-bd">
             <div class="bf-seller-list">
             {{ for(var i=0,len=HotBuyerList.length;i<len;i++){ }}
                 <div class="bf-seller-item">
                    <div class="bg__full load-hold" lazy-load-background="{{= HotBuyerList[i].MainPicUrl }}"
                        onclick="location.href='{{=HotBuyerList[i].LiveUrl}}'">
                    </div>
                    <div class="coupon J-coupon" data-coupon="{{= HotBuyerList[i].CouponId }}" data-seller-id="{{= HotBuyerList[i].SellerId }}" onclick=";"></div>
                </div>
             {{ } }}
             </div>
         </div>
         <!--<div class="bf-seller-ft bg__full"></div>-->
     </div>
  </script>
  <script id="active-tpl" type="text/template">
      {{ for(var i=0,len=Products.length;i<len;i++){ }}
        <div class="bf-collect-item J-open" data-url="http://item.app.ymatou.com/forYmatouApp/product/pid?pid={{=Products[i].ProductId}}" onclick=";">
            <div class="collect-pro-wrapper">
            <div class="pic bg__full load-hold" lazy-load-background="{{-: Products[i].PicUrl | convertImgUrl }}" ></div>
            <div class="info">
                <div>
                    <span class="national-flag" lazy-load-background="{{=Products[i].CountryFlagUrl}}" ></span>{{=Products[i].CountryName}}
                </div>
                <h4>{{=Products[i].Name}}</h4>
                <div>
                    <del>市场价:{{=Products[i].MarketPrice}}</del>
                </div>
                <div class="price-wrapper">
                    <span>黑五价</span>
                    <span><strong>{{=Products[i].Price4Sale}}</strong>元</span>
                </div>
            </div>
        </div>
    </div>
      {{ } }}
  </script>
  <script id="group-tpl" type="text/template">
    {{ for(var i=0,len=Math.min(TopicJoinList.length,4);i<len;i++){ }}
      <div class="bf-group-item">
          <div class="group-pic bg__full J-open" data-url="http://web.app.ymatou.com/Tuan/Render?sign=828&backFlag=1&topicFlag=0&topicid={{=TopicJoinList[i].TopicId}}&templatename=detail" lazy-load-background="{{= TopicJoinList[i].ActivityImageUrl }}" onclick=";">
            <div class="group-count">
                <i class="img-person"></i>
                已成团{{=TopicJoinList[i].MemberCount}}人
            </div>
          </div>
      </div>
    {{ } }}
  </script>
  <script id="vote-exchange-tpl" type="text/template">
        <!--中奖-->
        {{ if(BCode == 100){ }}
            {{ if(ProductId){ }}
                <div class="content package-content-bg1">
                    <h4 class="bg"></h4>
                    <div class="coupon-bg" style="background-image:url({{=ProductPic}})"></div>
                    <div class="txt">
                       少年我看你骨骼惊奇，赏你一个换购机会吧<br>加1元，立即换购商品
                    </div>
                </div>
                <div class="J-close close-btn J-open center-btn" onclick=";" data-url="http://item.app.ymatou.com/forYmatouApp/product/pid?pid={{=ProductId}}">
                朕要1元换购
                </div>
            {{ }else{ }}
                <div class="content package-content-bg1">
                    <h4 class="bg"></h4>
                    <div class="coupon-bg">
                        <div>
                           <sub>&yen;</sub><strong>{{= CouponDetailInfo.CouponValue }}</strong>元
                        </div>
                        <div>
                            现金优惠券
                        </div>
                    </div>
                    <div class="txt">
                        优惠券已发放到您的个人账户<br/>
                        请在“我-钱包-优惠券”里查看
                    </div>
                    <div class="txt">
                        <strong>满{{= CouponDetailInfo.CouponOrderValue }}元使用，有效期中奖起24小时之内</strong>
                    </div>
                </div>
                <div class="J-close close-btn center-btn" data-target="receive-package" onclick=";">朕知道了</div>
            {{ } }}
        <!--没中奖-->
        {{ }else if(BCode == 101){ }}

        <!--没中奖-->
        {{ }else if(BCode == 103){ }}

         <!--设备已达最大次数-->
        {{ }else if(BCode == 104){ }}
            <div class="content package-content-bg1">
                <div class="no-chance"></div>
                <h4 class="small">幸运要珍惜，您的抽奖次数真的用完咯</h4>
            </div>
            <div class="J-close close-btn center-btn" data-target="receive-package" onclick=";">朕知道了</div>
        {{ }else{ }}
            <div class="content package-content-bg1">
                <h4 class="">抽奖次数已用完</h4>
                <div class="no-chance"></div>
                {{ if(HasUseCount > 2){ }}
                    <h4 class="">请陛下明日再来</h4>
                {{ }else{ }}
                    <h4 class="">分享后可再抽两次</h4>
                {{ } }}
            </div>
            {{ if(HasUseCount > 2){ }}
                <div class="J-close close-btn center-btn" data-target="receive-package" onclick=";">朕知道了</div>
            {{ }else{ }}
                <div class="J-share share-btn J-add-draw" data-share-url="" data-share-content="洋码头黑五大转盘，狂送coach、iPhone6s噢！100%的中奖率，记得每天都来试一下手气吧！"
                    data-share-title="全民大转盘，人人有奖！"
                    data-share-pic=""  onclick=";">朕要分享</div>
                <div class="J-close close-btn" data-target="receive-package" onclick=";">容朕想一想</div>
            {{ } }}
        {{ } }}
  </script>

  <script id="package-tpl" type="text/template">
    <div class="content package-content-bg">
    </div>
        <div class="J-share share-btn J-receive-pk J-close" data-target="receive-package" data-share-url="http://evtc.ymatou.com/evt1120/wxPackage" data-share-content="洋码头黑色星期五全球狂购节来啦！各国洋货低至1折，更有5亿现金红包大派送！人人有份，还不赶快一起来抢！"
            data-share-title="洋码头黑五狂购节派现金啦！"
            data-share-pic="http://pm4.img.ymatou.com/G02/M0A/31/CA/CgvUA1ZCPiuAP8Z7AABOfcrqVew149_o.jpg"  onclick=";">朕要分享</div>
        <div class="J-close close-btn" data-target="receive-package" onclick=";">容朕想一想</div>
  </script>
      <section class="bf-container">
            <div class="bf-banner-hd"></div>
            <div class="bf-flow">
                <ul>
                    <li class="diagonal active">
                        <span>预热期</span>
                        <div>
                            11.10-11.19
                        </div>
                    </li>
                    <li class="diagonal">
                        <span>正式开抢</span>
                        <div>
                            11.20-12.1
                        </div>
                    </li>
                    <li>
                        <span>国家日</span>
                        <div>
                            11.26-11.30
                        </div>
                    </li>
                    <li class="J-open" data-url="http://sq0.ymatou.com/forBuyerApp/discover/detail?topic=810&ShareTitle=洋码头黑五狂购节派现金啦&ShareContent=洋码头黑色星期五全球狂购节来啦！各国洋货低至1折，更有5亿现金红包大派送！人人有份，还不赶快一起来抢！&SharePicUrl=http%3A%2F%2Fpm4.img.ymatou.com%2FG02%2FM0A%2F31%2FCA%2FCgvUA1ZCPiuAP8Z7AABOfcrqVew149_o.jpg&ShareLinkUrl=http%3A%2F%2Fsq0.ymatou.com%2FforBuyerApp%2Fdiscover%2Fdetail%3Ftopic%3D810" onclick=";">
                        <span>查看</span>
                        <div>
                           抢购攻略
                        </div>
                    </li>
                </ul>
            </div>
         <!--转盘-->
            <div class="bf-turntable" id="bf_01">
                <div class="bf-turntable-hd"></div>
                <div class="bf-turntable-bd">
                    <div class="turntable-box">
                         <div class="turntable-grid">
                            <div class="board">
                             <div class="bg__full pic" style="background-image:url(http://pm1.img.ymatou.com/G02/M00/30/84/CgvUBFZCKP6ALHf6AAAwd1Q3LiA720_o.png)"></div>
                             <div class="txt">
                                 COACH 斜挎包
                             </div>
                            </div>

                        </div>
                        <div class="turntable-grid">
                            <div class="board">
                              <div class="coupon">
                                <small>&yen;</small>5<span>元</span>
                              </div>
                              <div class="txt">
                                现金优惠券
                              </div>
                            </div>
                        </div>
                        <div class="turntable-grid">
                            <div class="board">
                              <div class="bg__full pic" style="background-image:url(http://pm3.img.ymatou.com/G02/M03/31/2A/CgvUBVZCPhOAGl6DAAAcNvjmkMk780_o.png)">
                              </div>
                              <div class="txt">
                                  iPhone 6S玫瑰金
                              </div>
                            </div>
                        </div>
                        <div class="turntable-grid">
                            <div class="board">
                                <div class="coupon">
                                <small>&yen;</small>100<span>元</span>
                                </div>
                                <div class="txt">
                                  现金优惠券
                                </div>
                            </div>
                        </div>
                        <div class="turntable-grid turntable-grid-btn">
                            <button class="starter J-turntable-run" onclick=";">
                                <div class="btn">

                                </div>
                                <div class="start_txt">

                                </div>
                            </button>
                        </div>
                        <div class="turntable-grid">
                            <div class="board">
                              <div class="coupon">
                              <small>&yen;</small>50<span>元</span>
                              </div>
                              <div class="txt">
                                现金优惠券
                              </div>
                            </div>
                        </div>
                        <div class="turntable-grid">
                            <div class="board">
                              <div class="coupon">
                              <small>&yen;</small>300<span>元</span>
                              </div>
                              <div class="txt">
                                现金优惠券
                              </div>
                            </div>
                        </div>
                        <div class="turntable-grid">
                            <div class="board">
                             <div class="bg__full pic" style="background-image:url(http://pm1.img.ymatou.com/G02/M04/30/C6/CgvUBVZCKSCACjiCAAAykTI37fQ787_o.png)"></div>
                                <div class="txt">
                                    COACH 手拿包
                                </div>
                            </div>

                        </div>
                        <div class="turntable-grid">
                             <div class="board">
                              <div class="coupon">
                              <small>&yen;</small>25<span>元</span>
                              </div>
                              <div class="txt">
                                现金优惠券
                              </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bf-turntable-ft ">
                    <div>
                        <span class="rule-title"></span>
                    </div>
                    <div class="rule-content close">
                        <p>1. 11月11日至11月19日，每人每天有1次抽奖机会，分享后可再获得2次抽奖机会；</p>
                        <div class="more-rule ">
                            <p >2. 中奖后，优惠券直接发放到个人帐户，在“我-钱包-优惠券”里查看；</p>
                            <p>3. 抽到实物奖品后，使用1元兑换购买指定商品，后续会有客服联系核对；</p>
                            <p>4. 优惠券不累计，不置换现金。优惠券使用有效期为中奖起的24个小时内；</p>
                            <p>5. 如在活动期间发现有违规行为，洋码头有权取消违规账号所得奖品；</p>
                            <p>6. 活动与苹果公司无关，洋码头保留最终解释权。</p>
                        </div>
                        <!--handstand-->
                        <p class="retract J-open-rule" onclick=";">展开 </p>
                    </div>

                </div>
            </div>
            <!--砍价团-->
            <div class="bf-group" id="bf_02">
                <div class="bf-group-hd J-open" onclick=";" data-url="http://evt.ymatou.com/activity_4377_CAPP"></div>
                <div class="bf-group-bd">
                    <div class="bf-group-list">
                         <div class="J-module-Hold" data-module="groupList"
                                 lazy-load-background=""></div>
                    </div>
                </div>
            </div>
            <!--好货大搜罗-->
            <div class="bf-collect" id="bf_03">
                <div class="bf-collect-hd"></div>
                <div class="bf-collect-bd">
                    <div class="bf-collect-list">
                        <div class="J-module-Hold" data-module="activeModule" data-arguments="3255,1300"
                                 lazy-load-background=""></div>
                    </div>
                </div>
            </div>

            <!--分类-->
            <!--面膜-->
            <div class="bf-classify" id="bf_03">
                <div class="bf-classify-hd">
                    <h3><span class="title">面膜</span></h3>
                </div>
                <div class="bf-classify-bd">
                    <div class="bf-collect-list">
                        <div class="J-module-Hold" data-module="activeModule" data-arguments="4646,6869"
                                 lazy-load-background=""></div>
                    </div>
                </div>
            </div>
            <!--洗护清洁-->
            <div class="bf-classify body-color">
                <div class="bf-classify-hd">
                    <h3><span class="title">洗护清洁</span></h3>
                </div>
                <div class="bf-classify-bd">
                    <div class="bf-collect-list">
                         <div class="J-module-Hold" data-module="activeModule" data-arguments="4646,6867"
                                 lazy-load-background=""></div>
                    </div>
                </div>
            </div>
            <!--面部护理-->
            <div class="bf-classify beauty-color">
                <div class="bf-classify-hd">
                    <h3><span class="title">面部护理</span></h3>
                </div>
                <div class="bf-classify-bd">
                    <div class="bf-collect-list">
                         <div class="J-module-Hold" data-module="activeModule" data-arguments="4646,6871"
                                 lazy-load-background=""></div>
                    </div>
                </div>
            </div>
            <!--食品保健-->
            <div class="bf-classify home-color">
                <div class="bf-classify-hd">
                    <h3><span class="title">食品保健</span></h3>
                </div>
                <div class="bf-classify-bd">
                    <div class="bf-collect-list">
                        <div class="J-module-Hold" data-module="activeModule" data-arguments="4646,6873"
                                                        lazy-load-background=""></div>
                    </div>
                </div>
            </div>
            <!--家居日用-->
            <div class="bf-classify shoes-color">
                <div class="bf-classify-hd">
                    <h3><span class="title">家居日用</span></h3>
                </div>
                <div class="bf-classify-bd">
                    <div class="bf-collect-list">
                        <div class="J-module-Hold" data-module="activeModule" data-arguments="4646,6864"
                                 lazy-load-background=""></div>
                    </div>
                </div>
            </div>
            <!--国家馆-->
            <div class="bf-national-museum">
                <div class="museum-item">
                    <div class="ea-wrapper J-open" onclick=";" data-url="http://evt.ymatou.com/activity_4669_capp"></div>
                </div>
                <div class="museum-item">
                    <div class="js-wrapper J-open" onclick=";" data-url="http://evt.ymatou.com/activity_4667_capp"></div>
                </div>
                <div class="museum-item">
                    <div class="australia-wrapper J-open" onclick=";" data-url="http://evt.ymatou.com/activity_4668_capp"></div>
                </div>
            </div>

            <!--明星买手-->
            <star-seller id="bf_04">
                <div class="J-module-Hold" data-module="starSeller"
                    lazy-load-background=""></div>
            </star-seller>

            <div class="bf-tab-wrapper show" id="bf-tab">
                <nav class="bf-tab ">
                    <div class="bf-tab-hd">
                        <span></span>
                    </div>
                    <ul>
                        <li class="active"><a href="#bf_01">人人有奖</a></li>
                        <li><a href="#bf_02">全民砍价</a></li>
                        <li><a href="#bf_03">爆款抢先购</a></li>
                        <li><a href="#bf_04">专享卖家券</a></li>
                    </ul>
                </nav>
                <div class="black-five-icon J-open-receive" onclick=";"></div>
                <div class="bf-receive-bg J-open-receive" onclick=";"></div>
                <div class="bf-receive-hand"></div>
            </div>

      </section>
<!--弹窗-->
      <div class="receive-package receive-package-mask"></div>
     <div class="receive-package receive-package-dialog">
       <div class="receive-package-dialog-bd" id="receive-package-bd">

       </div>
     </div>
     <!--洋管家-->
     <div class="ymt-butler" onclick=";"></div>
    <!--弹窗-->
      <div class="receive-package receive-package-mask"></div>
     <div class="receive-package receive-package-dialog">
       <div class="receive-package-dialog-bd" id="receive-package-bd"></div>
     </div>
     <!--洋管家-->
     <div class="ymt-butler" onclick=";"></div>

      <!-- build:js /scripts/zepto,ejs,swiper,imgLazyLoad.js -->
      <script type="text/javascript" src="/scripts/commons/zepto,ejs.js"></script>
      <script type="text/javascript" src="/scripts/commons/swiper.3.1.2.js"></script>
      <script type="text/javascript" src="/scripts/commons/imgLazyLoad.js"></script>
      <!-- endbuild -->
      <script type="text/javascript" src="http://static.matouapp.ymatou.com/js/ymtApi.2015101901.js?wxAutoInit=1"></script>
      <!-- build:js /scripts/black_five/index.js -->
      <script src="/scripts/black_five/index.js"></script>
      <!-- endbuild -->
  </body>
  </html>
